@charset "UTF-8";

// @import url("../common/common.css");
html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.page-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;

    .side-menu {
        height: 100%;

        .sideNav-head {
            color: #ffffff;

            .aidicon-web {
                font-size: 30px;
            }

            .title {
                font-size: 20px;
                margin-left: 8px;
            }
        }

        &.fold {
            display: none;
        }
    }

    .main-container {
        flex: 1;
        height: 100%;
        display: flex;
        flex-direction: column;

        .header-content {
            width: 100%;
            height: 64px;
            line-height: 64px;
            padding: 0 24px;

            .aidicon-backburger,
            .aidicon-menu {
                font-size: 26px;
                color: #A2AABB;
                position: relative;
                top: 6px;
                margin-right: 8px;
                cursor: pointer;
            }

            .title-text {
                font-size: 20px;
                color: #333333;
                font-weight: bold;
            }
        }

        .main-content {
            flex: 1;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            background-color: #E6EBF5;
            border-radius: 3px;
            padding: 24px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
            padding: 24px;
        }
    }
}